<style>
	.order-search{
		height:35px;
		margin:10px;
		background-color:white;
		text-align: center;
	}
	.order-search > input{
		height: 100%;
		font-size: 15px;
		padding: 0 10px;
		box-sizing: border-box;
		width: calc(100% - 26px);
		width: -webkit-calc(100% - 26px);
	}
	.searchicon{
		color:#ccc;
		font-size:16px;
		font-family:"iconfont";
		float: left;
		line-height: 35px;
		margin-left: 10px;
	}
</style>
<div class="sq-select-nav">
	<div  ng-repeat="s in pageUi.content" class="{{s.selectNav}}" sq-selectbtn ng-click="select()">
		<a class="ani">
			<span>{{s.name}}</span>
			<i class="iconfont">&#xe613;</i>
		</a>
		<ul>
			<li ng-cloak ng-repeat="v in s.list" ng-click="selectIn()" sq-select-in ng-class="{'active':($parent.$index==1?(pageUi.selectinit?0==$index:s.activeselect==$index):s.activeselect==$index)}">
				<img ng-if="$parent.$index!=2&&v.logo!=1" ng-src="{{v.logo}}@320h_320w_1e_1c"/>
				<span ng-bind="v.name"></span>
			</li>
		</ul>
	</div>
</div>
<form>
<div class="order-search">
	<i class="searchicon">&#xe61a;</i>
		<input autocomplete="off" ng-keypress="prosearch($event)" type="search" id="search" placeholder="输入商品名" ng-model="pageUi.keyName">
</div>
</form>
<div class="productList">
	<ul>
		<li ng-repeat="l in pageUi.data.productList">
			<div  class="media">
				<div class="media-left">
					<img ng-src="{{l.picUrl1[1].picUrl}}@320h_320w_1e_1c" alt="" />
				</div>
				<div class="media-body">
				    <p class="pname">{{l.name}}</p>
				    <p style="margin-bottom: 8px;font-size: 13px;" ng-if="l.supportSpecification!=1">
				    	<span ng-if="l.playType!=5">售价：¥{{l.discountedPrice?l.discountedPrice:l.fixedPrice}}</span>
				    	<span ng-if="l.playType==5">密友价：¥{{l.miPrice}}</span>
				    	<span style="margin-left: 10px;">佣金：<i style="color: #ff8f12;">¥{{l.miAward}}</i></span>
				    </p>
				    <p style="margin-bottom: 8px;font-size: 13px;" ng-if="l.supportSpecification==1">
				    	<span ng-if="l.playType!=5" style="float: left;">售价：¥{{l.maxDisPrice!='0.00'?(l.minDisPrice!=l.maxDisPrice?l.minDisPrice+'~'+l.maxDisPrice:l.minDisPrice):(l.minFixedPrice!=l.maxFixedPrice?l.minFixedPrice+'~'+l.maxFixedPrice:l.minFixedPrice)}}</span>
				    	<span ng-if="l.playType==5" style="float: left;">密友价：¥{{l.minMiPrice!=l.maxMiPrice?l.minMiPrice+'~'+l.maxMiPrice:l.minMiPrice}}</span>
				    	<br />
				    	<span style="float: left;margin:10px 0px;">佣金：<i style="color: #ff8f12;">¥{{l.minMiAward!=l.maxMiAward?l.minMiAward+'~'+l.maxMiAward:l.minMiAward}}</i></span>
				    </p>
				    <div style="clear: both;"></div>
				    <p class="vlogo">
				    	<img ng-src="{{l.vLogo}}@320h_320w_1e_1c"/>
				    	<span>{{l.vName}}</span>
				    </p>
				</div>
			</div>
			<div class="plist-tool">
				<a goprodetail ng-click="goprodetail()">
					<i class="iconfont">&#xe615;</i>
					<p>分享商品链接</p>
				</a>
				<a href="#/proqcode/{{l.id}}">
					<i class="iconfont">&#xe612;</i>
					<p>二维码闪购</p>
				</a>
			</div>
		</li>
	</ul>
	<div class="sq-warm">{{pageUi.text}}</div>
</div>
<div select-mask  ng-click="hideMask()" class="sq-mask {{pageUi.mask}}" style="z-index: 1;"></div>